<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php 
	$data['title'] = '订单管理-发货列表';
	$this->load->view('header',$data);
?>
</head>
<body>
	<div>
		<div id="main-content" style="margin:0 30px;">
			<!-- Page Head -->
			<h2>新郑众易商贸有限公司</h2>
			<p id="page-intro"></p>

			<div class="content-box"><!-- Start Content Box -->
				
				<div class="content-box-header">
					
					<h3>订单出货列表</h3>
					
					<ul class="content-box-tabs">
						<li><a href="#tab1" class="default-tab">未发货</a></li> <!-- href must be unique and match the id of target div -->
						<li><a href="#tab2">已经发货</a></li>
					</ul>
					
					<div class="clear"></div>
					
				</div> <!-- End .content-box-header -->
				
				<div class="content-box-content">
					
					<div class="tab-content default-tab" id="tab1"> <!-- This is the target div. id must match the href of this div's tab -->
						
						<div class="notification information png_bg">
							<a href="#" class="close"></a>
							<div>
								1).点击列表中的( <img src="../images/icons/xb_4.png" style="width:14px;height:14px;"/> )查看订单详情。 
								2).点击列表中的( <img src="../images/icons/pencil.png" style="width:14px;height:14px;"/> )填写快递单号。
							</div>
						</div>
						<table>
							<thead>
								<tr>
								   <th class="checkbox"><input class="check-all" type="checkbox" /></th>
								   <th width="100">时间</th>
								   <th>发货地址</th>
								   <th width="200">备注</th>
								   <th width="80">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td class="checkbox"><input type="checkbox" /></td>
									<td>Lorem ipsum dolor</td>
									<td>Consectetur adipiscing</td>
									<td>Donec tortor diam</td>
									<td>
										<!-- Icons -->
										<a href="#" title="查看订单详情" class="icon view"></a>
										<a href="#" title="填写快递单号" class="icon edit"></a>
									</td>
								</tr>
							</tbody>
							<tfoot>
								<tr>
									<td colspan="5">
										<div class="clear"></div>
									</td>
								</tr>
							</tfoot>
						</table>
						
					</div>
					
					<div class="tab-content" id="tab2">
					
						<form action="#" method="post">
							
							<fieldset> <!-- Set class to "column-left" or "column-right" on fieldsets to divide the form into columns -->
								
								<p>
									<label>Small form input</label>
										<input class="text-input small-input" type="text" id="small-input" name="small-input" /> <span class="input-notification success png_bg">Successful message</span> <!-- Classes for input-notification: success, error, information, attention -->
										<br /><small>A small description of the field</small>
								</p>
								
								<p>
									<label>Medium form input</label>
									<input class="text-input medium-input datepicker" type="text" id="medium-input" name="medium-input" /> <span class="input-notification error png_bg">Error message</span>
								</p>
								
								<p>
									<label>Large form input</label>
									<input class="text-input large-input" type="text" id="large-input" name="large-input" />
								</p>
								
								<p>
									<label>Checkboxes</label>
									<input type="checkbox" name="checkbox1" /> This is a checkbox <input type="checkbox" name="checkbox2" /> And this is another checkbox
								</p>
								
								<p>
									<label>Radio buttons</label>
									<input type="radio" name="radio1" /> This is a radio button<br />
									<input type="radio" name="radio2" /> This is another radio button
								</p>
								
								<p>
									<label>This is a drop down list</label>              
									<select name="dropdown" class="small-input">
										<option value="option1">Option 1</option>
										<option value="option2">Option 2</option>
										<option value="option3">Option 3</option>
										<option value="option4">Option 4</option>
									</select> 
								</p>
								
								<p>
									<label>Textarea with WYSIWYG</label>
									<textarea class="text-input textarea wysiwyg" id="textarea" name="textfield" cols="79" rows="15"></textarea>
								</p>
								
								<p>
									<input class="button" type="submit" value="Submit" />
								</p>
								
							</fieldset>
							
							<div class="clear"></div><!-- End .clear -->
							
						</form>
						
					</div> <!-- End #tab2 -->        
					
				</div> <!-- End .content-box-content -->
				
			</div> <!-- End .content-box -->
			
			<div class="clear"></div>
			
			<!-- Start Notifications 
			
			<div class="notification attention png_bg">
				<a href="#" class="close"></a>
				<div>
					Attention notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero. 
				</div>
			</div>
			
			<div class="notification information png_bg">
				<a href="#" class="close"></a>
				<div>
					Information notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.
				</div>
			</div>
			
			<div class="notification success png_bg">
				<a href="#" class="close"></a>
				<div>
					Success notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.
				</div>
			</div>
			
			<div class="notification error png_bg">
				<a href="#" class="close"></a>
				<div>
					Error notification. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vulputate, sapien quis fermentum luctus, libero.
				</div>
			</div>-->
		<?php $this->load->view('footer');?>
		</div> <!-- End #main-content -->
		
	</div>
</body>
</html>